<template>
    <div id="home">
        <el-container>
            <!-- 头部 -->
            <el-header style="height:80px">
                <div class="logo">
                    <div><img src="~assets/image/logo.png" /></div>
                    <!-- <span>后台管理系统</span> -->
                </div>        
                <el-button type="primary" @click="exitBotton">退出</el-button>
            </el-header>
            <!-- 左侧 中间菜单 -->
            <left-element-item></left-element-item>
        </el-container>    
    </div>
</template>

<script>
    import {} from '../../../network/http'
    import LeftElementItem from './LeftElementItem'
    import HeaderElement from './HeaderElement'
    export default {
        name:'ElementHome',
        components:{
            LeftElementItem,
            HeaderElement
        },
        methods:{
            //退出
            exitBotton(){
                window.sessionStorage.clear();
                this.$router.push('/login');
            },
          
        }
    }
</script>>

<style lang="less">
   #home{
       width: 100%;
       height: 100%;
   }
   .el-container{
       height: 100%;
   }
   .el-header{
    //    background-color: #115BC4;
       display: flex;
       justify-content: space-between;
       align-items: center;
       border-bottom: 1px solid gray;
       .logo{
           width: 400px;
           display: flex;
           align-items: center;
           color: #fff;
           font-size: 20px;
           font-weight: 700;
       }
       .logo img{
           width: 140px;
           margin-right: 50px;
       }
   }
</style>>